<template>
<Drawer ref="refDialog" class=''>
  hello world.
</Drawer>
</template>
<script setup>
import { reactive , toRefs ,ref } from 'vue';

const refDialog = ref(null);

const state = reactive({
   style:{},
   formData:{},
})
const {style,formData} = toRefs(state)

defineExpose({
  show({ fieldName } = {}) {
    state.fieldName = fieldName;
    refDialog.value.show();
  },
  close() {
    refDialog.value.close();
  },
})

</script>
<style lang='scss'></style>